<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title></title>
        <meta name="description" content="Handbag" />

        <script src="../../../assets/js/jquery-1.4.4.min.js"></script>
        <link href="product_related_1.css" media="screen" rel="stylesheet" type="text/css" />
        <script type="text/javascript">
            $(document).ready(function(){
             
                $ ('ul.product_related_list li').each(function(i){
                    var newClass = '';
       
                    if ((i+1) % 3 == 0) {
                        newClass = 'last';
                    }
                    $(this).addClass(newClass);
        

                });
            })
        </script>
    </head>
    <body>
        <div class="container">
            <!-- PRODUCT RELATED WIDGET -->
            <div id="product_detail_wi_1" class="product_related_1">
                <div id="product_related_wrapper">
                    <h1 class="title">You may like...</h1>
                    <ul class="product_related_list">
                        <li>
                            <a href="#" class="name">Laoreet dolore magnaorem ipsum </a>
                            <a href="#" class="image"><img src="product_related.png" alt="product_related_image" /></a>
                            <div class="price">
                                <span>199$</span>
                            </div>
                            <!-- End .price -->
                        </li>

                        <li>
                            <a href="#" class="name">Laoreet dolore magnaorem ipsum dolor ser adipiscing elit</a>
                            <a href="#" class="image"><img src="product_related.png" alt="product_related_image" /></a>
                            <div class="price">
                                <span>199$</span>
                            </div>
                            <!-- End .price -->
                        </li>

                        <li>
                            <a href="#" class="name">Laoreet dolore magnaorem ipsum dolor ser adipiscing elit Laoreet dolore magnaorem ipsum dolor ser adipiscing elit Laoreet dolore magnaorem ipsum dolor ser adipiscing elit</a>
                            <a href="#" class="image"><img src="product_related.png" alt="product_related_image" /></a>
                            <div class="price">
                                <span>199$</span>
                            </div>
                            <!-- End .price -->
                        </li>
                    </ul>
                    <!-- End .list -->
                </div>
                <!-- END #product_related_wrapper -->
            </div>
            <!-- END PRODUCT RELATED WIDGET --> 
        </div>
    </body>
</html>